<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后台管理模板</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<link rel="stylesheet" href="../../layui/css/layui.css" media="all" />
		<link rel="stylesheet" href="../../css/global.css" media="all">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" href="../../datatables/media/css/jquery.dataTables.css">
		<link rel="stylesheet" href="../../datatables-plugins/integration/bootstrap/3/dataTables.bootstrap.css">
		<style type="text/css">
			.expressdetail {
				width: 360px;
				height: 160px;
				background-color: #1AA094;
				margin: 20px auto;
				text-align: center;
				box-shadow:3px 2px 6px #000
			}
		</style>
	</head>
	<body>
		<div class="layui-layout layui-layout-admin" style="border-bottom: solid 5px #1aa094;">
			<!--头部导航-->
			<div class="layui-header header header-demo" ></div>
			<!--左侧导航-->
			<div class="layui-side layui-bg-black" id="admin-side">
			</div>
			<!--右侧具体内容-->
			<div class="layui-body" style="bottom: 0;border-left: solid 2px #1AA094;padding:20px" id="admin-body">
				<div class="title">用户账号详情</div>
				<hr/>
				<div class="expressdetail">
					<img class="detailimg" src="../../images/1.jpg">
					<div><span>快递员1号</span>&nbsp;&nbsp;<span>男</span></div>
					<div>13819151219</div>
					<div><span>总接单：22</span>&nbsp;|&nbsp;<span>日均:33</span>&nbsp;|&nbsp;<span>评分:44</span></div>
					<div><span>创建时间:2017-1-1</span></div>
				</div>
				<div style="float: left;position: absolute;top:272px;z-index: 99;">
                    <select name="expreselect" lay-verify="">
                        <option value="">排序方式</option>
                        <option value="3">只看请求订单</option>
                        <option value="3">只看代购订单</option>
                        <option value="3">已完成订单</option>
                        <option value="4">未完成订单</option>
                        <option value="1">按完成使用↑</option>
                        <option value="2">按完成使用↓</option>
                        <option value="5">按创建时间↑</option>
                        <option value="6">按创建时间↓</option>
                    </select>
                </div>
                <div class="layui-form">
                    <table class="layui-table" id="expressdetailTable">
                        <thead>
                            <tr>
                                <th style="width: 80px">订单类型</th>
                                <th>创建日期</th>
                                <th>完成日期</th>
                                <th>寄件方</th>
                                <th>收件方</th>
                                <th>状态</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>请求订单</td>
                                <td>2017-6-30</td>
                                <td>2017-6-30</td>
                                <td><img src="../../images/0.jpg"><span>lzy</span></td>
                                <td>快递员1号</td>
                                <td>已完成</td>
                                <td><div class="layui-btn  layui-btn-small">详情</div></td>
                            </tr>
                            <tr>
                                <td>代购订单</td>
                                <td>2017-8-8</td>
                                <td>2017-9-8</td>
                                <td><img src="../../images/1.jpg"><span>czl</span></td>
                                <td>快递员1号</td>
                                <td>已完成</td>
                                <td><div class="layui-btn  layui-btn-small">详情</div></td>
                            </tr>
                            <tr>
                                <td>代购订单</td>
                                <td>2017-8-8</td>
                                <td>2017-8-8</td>
                                <td><img src="../../images/xiaosong.jpg"><span>hwjs</span></td>
                                <td>快递员1号</td>
                                <td>已完成</td>
                                <td><div class="layui-btn  layui-btn-small">详情</div></td>
                            </tr>
                        </tbody>
                    </table>
                </div>
				<!--底部导航-->
				<div class="layui-footer footer footer-demo" id="admin-footer"></div>
				<!--JS模块-->
				<script type="text/javascript" src="../../layui/layui.js"></script>
				<script src="../../js/jquery-1.12.3.min.js"></script>
				<script src="../../js/index.js"></script>
				<!-- DataTables JavaScript -->
				<script src="../../datatables/media/js/jquery.dataTables.min.js"></script>
				<script>
				$(function(){
				//$("#user").addClass('layui-this');//对应订单管理的背景色
				$('#expressdetailTable').DataTable({
				responsive: true,
				ordering: false,
				searching: true,
				"bLengthChange": false,
				"bRetrieve": true,
				"bFilter": true//过滤功能
				});
				})
				
				</script>
				
			</div>
		</div>
	</body>
</html>